﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0"/>
<title>Rain CSS > Popular Login Page</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"/> 
<!--[if lte IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> 
<link rel="stylesheet" href="css/rain.css" type="text/css" media="all"/>
<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>

<body class="body">
	<div class="headerM headerGrey">
  	<div class="container posr">
    	<div class="l"><a class="tdn block ptll fsxxl" href="#">Product Name</a></div>
    	<div class="right"><a href="#" class="signUp hll wll rounds gr button redButton mtll block tac tdn" >Sign Up</a></div>
    </div>
  </div>
	<div class="container">
    <div class="content mtl pt">      
    	<div class="sidebar sidebarL r posr">
        <div class="sidebox border">
              <form action="#" method="post">
                <fieldset class="nob mt">
                  <legend>Sign In</legend>      
                  <p>
                    <label for="dummy1">Username</label><br/>
                    <input type="text" class="title rounds sg inputBox_blue" id="dummy1" name="dummy1"/>
                  </p> 
                  <p>
                    <label for="dummy3">Password</label><br/>
                    <input type="password" class="title rounds sg inputBox_blue" id="dummy3" name="dummy3"/>
                  </p>
                  <p>
                    <input type="button" value="Sign In" class="hl wl rounds gb btn bluebtn" />
                    Stay signed in <input type="checkbox" /> 
                  </p> 
      
                  <p><a href="#">Forget the password</a></p>       
                </fieldset>
              </form>
        </div>        
      </div>      
      <div class="main mainLeftL posr">
      	<div class="entry pt">  
          <h1 class="entryTitle fsl">Rain CSS</h1>
          <h2 class="fontsizeMedium">Build website with objects</h2>
          <p>Rain css is a CSS Object oriented implementing,and all object are set in screen.css and rain.css,so you can only invoke it now and it support all css3 properties, and the reset css use blueprint framework.</p>
          <ul class="lsn posr nop clearfix">
          	<li class="record waIcon l"><h4>Sub Title</h4></li>
          	<li class="share waIcon l"><h4>Sub Title</h4></li>
          	<li class="interSenger waIcon l"><h4>Sub Title</h4></li>
          	<li class="achive waIcon l"><h4>Sub Title</h4></li>
          </ul>
        </div> 
      </div>

    <footer class="footer socialFooter c borderTop">
      <p class="ps">Maintained by the <a href="https://github.com/rainzhai" class="blue">RainZhai</a>.</p>
      <p class="ps">Code licensed under <a rel="license" class="blue" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a rel="license"  class="blue" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p> 
    </footer>  
    </div>
  </div>
</body>
</html>
